<template>
  <el-menu
    :default-active="$route.path"
    class="el-menu-demo"
    mode="horizontal"
    :ellipsis="false"
    @select="handleSelect"
    :router="true"
  >
    <el-menu-item index="0"> 影院销售系统 </el-menu-item>
    <div class="flex-grow" />
    <el-menu-item index="/">首页</el-menu-item>
    <el-menu-item index="/my">个人中心</el-menu-item>
    <el-menu-item index="/login">登录</el-menu-item>
  </el-menu>
</template>
<script setup>
import { ref } from "vue";
const handleSelect = (key, keyPath) => {
};
</script>
<style scoped>
.flex-grow {
  flex-grow: 1;
}
</style>
